<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        html, body {
            height: 100%;
            display: block;
        }
    </style>
</head>
<body id="demo1">
</body>
<script>
  new XSheet('#demo1', {
    workConfig: {
      name: 'x-sheet',
      top: {
        option: {
          show: true,
        },
        menu: {
          show: true,
        },
      },
      body: {
        sheetConfig: {
          showMenu: true,
        },
        sheets: [{
          tableConfig: {
            rows: {
              data: [{height: 90}]
            },
            data: [
              [{
                contentType: 2,
                fontAttr: {
                  textWrap: 2,
                  direction: 'vertical'
                },
                richText: {
                  rich: [{text: '哈哈aaFDF', color: 'rgb(255,0,2)'}, {text: 'FDFDFDF'}]
                }
              }]
            ]
          },
        }],
        tabConfig: {
          showMenu: true,
        },
      },
      bottom: {
        show: true,
      },
    },
  });
</script>
</html>
